<template>
  <main class="flex flex-1 items-center flex-col mb-16">
    <div class="container mx-auto max-w-screen-lg sm:mt-10 px-3">
      <Breadcrumb />
      <Header />
      <div class="p-6 text-gray-500">
        <div>
          <p class="text-gray-500 text-base mb-6">
            Experience the pure essence of Indian flavours with SOBHNA’S
            acclaimed 100% natural Curry Pastes and Spice Blends, recognised for
            their excellence.
          </p>
          <p class="text-gray-500 text-base mb-6">
            All our products are Vegan and Keto-friendly, free from artificial
            colours, preservatives, refined sugar, msg, palm oil, soy oil, or
            canola oil.&nbsp;
          </p>
        </div>
      </div>
      <hr class="my-3" />
      <Item />
      <hr class="mb-6" />
      <More />
      <Botton />
    </div>
  </main>
</template>
<script lang="ts">
import { defineComponent } from "vue";

import Breadcrumb from "@/components/Breadcrumb/index.vue";
import Header from "./Header.vue";
import Item from "./Item.vue";
import More from "./More.vue";
import Botton from "@/components/ScrollTop/index.vue";
export default defineComponent({
  components: { Breadcrumb, Header, More, Botton, Item },
});
</script>
